var Nestable = function () {

'use strict';

    var updateOutput = function (e) {
        var list = e.length ? e : $(e.target),
            output = list.data('output');
        if (window.JSON) {
            output.val(window.JSON.stringify(list.nestable('serialize')));
        } else {
            output.val('JSON browser support required for this demo.');
        }
    };
    $('#nestable_list_1').nestable({
        group: 1
    }).on('change', updateOutput);
    $('#nestable_list_2').nestable({
        group: 1
    }).on('change', updateOutput);
    updateOutput($('#nestable_list_1').data('output', $('#nestable_list_1_output')));
    updateOutput($('#nestable_list_2').data('output', $('#nestable_list_2_output')));
    $('#nestable_list_menu').on('click', function (e) {
        var target = $(e.target),
            action = target.data('action');
        if (action === 'expand-all') {
            $('.dd').nestable('expandAll');
        }
        if (action === 'collapse-all') {
            $('.dd').nestable('collapseAll');
        }
    });
    $('#nestable_list_3').nestable();
}();